<template>
    <a-modal :visible="visible" :width="1000" centered="" title="历史记录" :footer="null" @cancel="visible = false">
        <version-record :detail="detail" />
    </a-modal>
</template>

<script lang="ts">
import VersionRecord from '@/views/productRequire/productDetail/versionRecord/index.vue';
import { defineComponent, reactive, toRefs } from 'vue';
export default defineComponent({
    components: {
        VersionRecord
    },
    setup() {
        const state = reactive({
            visible: false,
            detail: null
        });
        const open = (detail) => {
            state.visible = true;
            state.detail = detail;
        };
        return {
            ...toRefs(state),
            open
        };
    }
});
</script>